<section id="intro">
<div class="jumbotron masthead">
    <div class="container">
        <div class="row">
            <div class="span12">
                <!-- Place somewhere in the <body> of your page -->
                <div id="mainslider" class="flexslider">
                    <ul class="slides">
                        <li data-thumb="<?php echo base_url()?>webroot/img/slides/flexslider/img1.jpg">
                        <img src="<?php echo base_url()?>webroot/img/slides/flexslider/img1.jpg" alt="" width="20" height="20" />
                        
                        </li>
                        <li data-thumb="<?php echo base_url()?>webroot/img/slides/flexslider/img2.jpg">
                        <img src="<?php echo base_url()?>webroot/img/slides/flexslider/img2.jpg" alt="" width="20" height="20" />
                        
                        </li>
                        <li data-thumb="<?php echo base_url()?>webroot/img/slides/flexslider/img3.jpg">
                        <img src="<?php echo base_url()?>webroot/img/slides/flexslider/img3.jpg" alt="" width="20" height="20" />
                        
                        </li>
                        <li data-thumb="<?php echo base_url()?>webroot/img/slides/flexslider/img4.jpg">
                        <img src="<?php echo base_url()?>webroot/img/slides/flexslider/img4.jpg" alt="" width="20" height="20"/>
                        
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
</section>